<template>
  <!-- 平台 -->
  <div class="overseas_apply_warp">
    <h4>{{ platflag.title }}</h4>
    <div class="overseas_apply_item tydisplay">
      <div
        class="overseas_apply_item_i"
        v-for="(item, i) in platflag.list"
        :key="i"
      >
        <div class="overseas_apply_item_t">
          <img :src="item.imgurl" alt="" />
        </div>
        <div class="overseas_apply_item_c">
          <h4>{{ item.name }}</h4>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "platform",
  props: ["platflag"],
};
</script>

<style scoped>
.tydisplay {
  display: flex;
}

.overseas_apply_warp {
  max-width: 1130px;
  margin: 0 auto;
}
.overseas_apply_warp > h4 {
  padding: 32px 0 0 0;
  font-size: 24px;
  color: #1d2845;
}
.overseas_apply_item {
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: center;
}
.overseas_apply_item_i {
  width: 250px;
  text-align: center;
  margin: 32px 0;
}
.overseas_apply_item_c {
  margin-top: 12px;
  font-size: 16px;
}
</style>